<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
        <title>Panel lateral desplegable</title>  
        <link rel="stylesheet" href="main.css" type="text/css" />  
    </head>  
    <body>  
        <div id="top">  
            <h1>  
                <a title="Volver a portada" href="/">Google Reader</a>  
            </h1>  
        </div>  

        <div id="lateral">  
            <h2>Suscripciones</h2>  
            <ul id="menu">  
                <li>  
                    <a href="http://cokidoo.com/">  
                        <span class="icon"></span>  
                        <span>Cokidoo Labs</span>  
                    </a>  
                </li>  
                <li>  
                    <a href="http://web.ontuts.com">  
                        <span class="icon"></span>  
                        <span>Ontuts</span>  
                    </a>  
                </li>  
                <li>  
                    <a href="http://cokisam.com">  
                        <span class="icon"></span>  
                        <span><strong>Cokisam (2)</strong></span>  
                    </a>  
                </li>  
                <li>  
                    <a href="http://erasmusu.com">  
                        <span class="icon"></span>  
                        <span>Erasmusu</span>  
                    </a>  
                </li>  
            </ul>  
        </div>  

        <div id="content">  
            <h2>Inicio</h2>  
            <a id="toggler"></a>  
            <div id="render">  
                <i id="tip">Selecciona uno de los canales a cargar en el listado del panel lateral izquierdo.</i>  
                <iframe id="iframe" width="100%" height="100%" src="" frameborder="0"></iframe>  
            </div>  
        </div>  

        <div id="footer">  
            <span>Tutorial realizado por <a href="http://cokidoo.com">Adrián Mato</a> para <a href="http://web.ontuts.com">Ontuts</a></span>  
        </div>  

        <!-- scripts -->  
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>  
        <script type="text/javascript" src="main.js"></script>  
    </body>  
</html>  